---
layout: default
---

<nav class="action-bar fixed-bottom docs-footer">
  <ul>
    <li><a data-ignore="true" class="twitter-share-button" href="https://twitter.com/share" data-url="http://jaunesarmiento.me/fries/" data-text="Fries v{{ site.version }}: Create sexy #Android UI using #HTML, #CSS, and #JavaScript." data-via="getfries">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li>
    <li>
      <a data-ignore="true" class="twitter-follow-button" href="https://twitter.com/getfries" data-show-count="true">Follow @getfries</a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </li>
    <li>
      <iframe width="107" height="20" src="http://ghbtns.com/github-btn.html?user=jaunesarmiento&repo=fries&type=watch&count=true" frameborder="0" scrolling="0" allowtransparency="true"></iframe>
    </li>
    <li>
      <iframe width="95" height="20" src="http://ghbtns.com/github-btn.html?user=jaunesarmiento&repo=fries&type=fork&count=true" frameborder="0" scrolling="0" allowtransparency="true"></iframe>
    </li>
    <li>
      <a href="https://news.ycombinator.com/submit" class="hn-button" data-title="Fries" data-url="http://jaunesarmiento.me/fries/" data-count="horizontal" data-style="twitter">Vote on Hacker News</a>
      <script type="text/javascript">var HN=[];HN.factory=function(e){return function(){HN.push([e].concat(Array.prototype.slice.call(arguments,0)))};},HN.on=HN.factory("on"),HN.once=HN.factory("once"),HN.off=HN.factory("off"),HN.emit=HN.factory("emit"),HN.load=function(){var e="hn-button.js";if(document.getElementById(e))return;var t=document.createElement("script");t.id=e,t.src="//hn-button.herokuapp.com/hn-button.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)},HN.load();</script>
    </li>
  </ul>
</nav>

<div class="docs-sidebar">
  <ul class="list inset">
    <li class="list-divider">Credits</li>
    <li class="list-item-single-line selectable"><a href="#author" data-ignore="true">Author</a></li>
    <li class="list-item-single-line selectable"><a href="#ratchet" data-ignore="true">Ratchet</a></li>
    <li class="list-item-single-line selectable"><a href="#contributors" data-ignore="true">Contributors</a></li>
    <li class="list-item-single-line selectable"><a href="#attribution" data-ignore="true">Attribution</a></li>
  </ul>
</div>

<div class="docs-content inner-content">
  <article id="author" class="content-section">
    <header class="section-header">
      <h2 class="section-title">Author</h2>
      <p class="section-description">About the author</p>
    </header>
    <p>Fries is deep-fried and made crispy by <a href="http://jaunesarmiento.me">Jaune Sarmiento</a>. He is a software engineer at <a href="http://proudcloud.net">Proudcloud</a> and loves coffee so much. If you love what he does, buy him a beer, or drop an email to <a href="maito:hawnecarlo@gmail.com">hawnecarlo@gmail.com</a>.</p>

    <p>
      <a data-ignore="push" class="twitter-follow-button" href="https://twitter.com/jaunesarmiento" data-show-count="true">Follow @jaunesarmiento</a>
      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </p>

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"  onSubmit="_gaq.push(['_trackEvent', 'PayPal', 'Click', 'Donate']);">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="3N3QAYKXZR8G6">
      <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>

  </article>

  <article id="ratchet" class="content-section">
    <header class="section-header">
      <h2 class="section-title">Ratchet</h2>
      <p class="section-description">The inspiration</p>
    </header>

    <p><a href="http://goratchet.com">Ratchet</a> was the inspiration behind Fries. Same as Fries, Ratchet is a prototyping framework using HTML, CSS, and JavaScript but for iPhone apps. Kudos to the Ratchet team for being an inspiration.</p>
  </article>

  <article id="contributors" class="content-section">
    <div class="section-header">
      <h2 class="section-title">Contributors</h2>
      <p class="section-description">Others who made it worthwhile</p>
    </div>
    <p>The author would like to thank <a href="https://github.com/jaunesarmiento/fries/issues?state=open">everyone</a> who has been furiously reporting bugs (and fixing them), and have been suggesting features to Fries.</p>
  </article>

  <article id="attribution" class="content-section component">
    <div class="section-header">
      <h2 class="section-title">Attribution</h2>
      <p class="section-description">Special thanks</p>
    </div>

    <h4>Official Android Icons and some content</h4>
    <p>Portions of this page are modifications based on work created and <a href="http://code.google.com/policies.html">shared by the Android Open Source Project</a> and used according to terms described in the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons 2.5 Attribution License</a>.
    </p>

    <h4>Android Action Bar Icon Pack</h4>
    <p>By <a href="https://github.com/Turbo87/Android-Action-Bar-Icon-Pack-Font">Tobias Bieniek</a> also under Creative Commons 2.5 License.</p>
  </article>
</div>
